<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@page import="com.doone.telmarket.domain.ServicePage"%>
<%
	ServicePage servicePage = null;
	if(session.getAttribute("servicePage")!=null){
		servicePage = (ServicePage)session.getAttribute("servicePage");
	}else{
		return;
	}

%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<%@page import="java.math.BigDecimal"%><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>增值业务门户</title>
    <link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css" />
    <link href="${pageContext.request.contextPath}/css/style_link.css" rel="stylesheet" type="text/css" />
    <link href="${pageContext.request.contextPath}/css/tab.css" rel="stylesheet" type="text/css" />
    <SCRIPT src="${pageContext.request.contextPath}/js/tab.js" type=text/javascript></SCRIPT>
</head>


<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><iframe src="http://127.0.0.1:8080/vasm-web/web/common/header.html" width="100%" height="267" frameborder="0"  marginwidth="0" marginheight="0"  scrolling="no"></iframe></td>
  </tr>
</table>
<table width="987" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:8px;">
  <tr>
    <td height="16" align="left" valign="middle" class="huise_12">&nbsp;超市首页 &gt; 天翼增值业务 &gt; 娱乐</td>
  </tr>
</table>
<iframe src="http://127.0.0.1:8080/vasm-web/web/common/classification.html" width="100%" height="50px" frameborder="0"  marginwidth="0" marginheight="0"  scrolling="no"></iframe>
<table width="987" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="214" height="500" align="left" valign="top">
    <iframe src="http://127.0.0.1:8080/vasm-web/web/common/recommendedSort.html" width="100%" height="300px" frameborder="0"  marginwidth="0" marginheight="0"  scrolling="no"></iframe>
	<iframe src="http://127.0.0.1:8080/vasm-web/web/common/paymentOnline.html" width="100%"  height="210px"  frameborder="0"  marginwidth="0" marginheight="0"  scrolling="no"></iframe>
	<iframe src="http://127.0.0.1:8080/vasm-web/web/common/buysort.html" width="100%"  height="319px"  frameborder="0"  marginwidth="0" marginheight="0"  scrolling="no"></iframe>
    </td>
    <td width="773" align="right" valign="top"><table width="769" height="300" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:8px;">
      <tr>
        <td width="271" height="300" align="left" valign="bottom"><table width="266" height="152" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td height="220" align="left" valign="top"><table width="258" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td height="212" align="center" style="border:1px solid #dfe8ef;"><img src="${pageContext.request.contextPath}<%=servicePage.getLogoPath() %>" width="198" height="177" /></td>
                </tr>
              </table></td>
            </tr>
            <tr>
              <td align="left"><table width="258" height="40" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td align="left"><img src="${pageContext.request.contextPath}/images/dels/mid_2.gif" width="81" height="67" /></td>
                    <td align="center"><img src="${pageContext.request.contextPath}/images/dels/mid_3.gif" width="81" height="67" /></td>
                    <td align="right"><img src="${pageContext.request.contextPath}/images/dels/mid_4.gif" width="81" height="67" /></td>
                  </tr>
              </table></td>
            </tr>
          </table>
            <table width="266" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="2"></td>
              </tr>
          </table></td>
        <td width="499" height="300" align="right" valign="bottom"><table width="499" height="284" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td height="27" align="left" class="heise_B_14">业务名称：<%=servicePage.getService().getServiceName() %></td>
            </tr>
            <tr>
              <td height="24" align="left" class="hongse_B_14">订购价格：￥<%=servicePage.getService().getServiceCost().getMoney().divide(new BigDecimal(100)) %>元/月</td>
            </tr>
            <tr>
              <td height="35" align="left" valign="bottom" class="huise3_12">推荐星级：<span class="huise_12">
              <%
              		for(int i=0;i<servicePage.getRecommandGrade();i++){
              			%>
              			<img src="${pageContext.request.contextPath}/images/list/rihgt_4.gif" width="13" height="12" />
              			<%
              		}
              %>
              </span></td>
            </tr>
            <tr>
              <td height="25" align="left" valign="middle" class="huise3_12">已订购（3431）&nbsp;&nbsp;&nbsp;人数指数（3434）</td>
            </tr>
            <tr>
              <td width="499" height="173" align="right" valign="bottom"><table width="499" height="32" border="0" cellpadding="0" cellspacing="1" bgcolor="#fee2a1">
                  <tr>
                    <td height="173" align="center" valign="middle" bgcolor="#fff3d9" style="border:1px solid #ffffff;"><table width="447" height="130" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="415" height="32" align="left" valign="top" class="huise2_14">详细说明：</td>
                          </tr>
                        <tr>
                          <td align="left" valign="top" class="huise3_12" style="line-height:20px;"><!--  <p>1、<span class="juhongse_12" >资费说明：</span>直接发送：歌曲代码（空一格）对方电话号码到16800168，歌曲代码可以在我们的网站&quot;灵通在线&quot;上查询，或直接发中文歌名（空一格）。<br />
                            2、<span class="juhongse_12">支持类型：</span>点送给非成都地区用户要在手机号前加零，座机号前加区号。2000多首歌曲任您选，音乐经典随便送！<br />
                            3、<span class="juhongse_12">短信开通方式：</span>点歌，编缉短信内容：中文歌名(空格)电话号码发送到。<br />-->
                            <%=servicePage.getServiceContent() %>
                          </p></td>
                          </tr>
                    </table></td>
                    </tr>
              </table></td>
            </tr>
        </table></td>
      </tr>
    </table>
      <table width="771" height="26" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="10"><img src="${pageContext.request.contextPath}/images/list/index_2.gif" width="10" height="30" /></td>
          <td width="751" background="${pageContext.request.contextPath}/images/list/index_3.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="91" height="30" align="center" valign="middle" background="${pageContext.request.contextPath}/images/list/index_10.gif" class="baise_14">我要订购</td>
              <td height="30" align="center" valign="bottom"><table width="100%" height="26" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="84" align="center" valign="middle" class="huise_12">订购流程</td>
                    <td width="84" align="center" valign="middle" class="huise_12">推荐业务</td>
                    <td width="492" align="right" valign="middle" class="huise_12">【我的订购】</td>
                  </tr>
              </table></td>
            </tr>
          </table></td>
          <td width="10" align="right"><img src="${pageContext.request.contextPath}/images/list/index_4.gif" width="10" height="30" /></td>
        </tr>
      </table>
      <table width="771" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="228" align="center" valign="top" style="border-left:1px solid #c2282a; border-right:1px solid #c2282a;"><table width="94%" height="199" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:16px; margin-top:16px;">
              <tr>
                <td height="105" align="center" valign="middle"><table width="97%" height="32" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="82" height="26" align="right" valign="middle" class="huise_12">电话号码：</td>
                      <td width="189" align="left" valign="middle"><input type="text" height="18" name="textfield7" id="textfield7" style="width:170px;" /></td>
                      <td width="432" align="left" valign="middle" class="huise_12">如18912345678或“区号+固话/小灵通号码如01012345678”</td>
                    </tr>
                  </table>
                  <table width="97%" height="32" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="82" height="26" align="right" valign="middle" class="huise_12">短信验证码：</td>
                      <td width="189" align="left" valign="middle"><input type="text" height="18" name="textfield7" id="textfield8" style="width:170px;"  /></td>
                      <td width="432" align="left" valign="middle" class="huise4_12">点击获取验证码</td>
                    </tr>
                    </table>
                  <table width="97%" height="32" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="82" height="26" align="right" valign="middle" class="huise_12">验证码：</td>
                      <td width="110" align="left" valign="middle"><input type="text" height="18"  width="100"name="textfield7" id="textfield9" style="width:98px;"  /></td>
                      <td width="511" align="left" valign="middle" class="huise_12"><img src="${pageContext.request.contextPath}/images/dels/index_6.gif" width="62" height="19" /></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td height="36" align="right" valign="top"><table width="632" height="19" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td height="16" align="left" style="color:#666666;">尊敬的客户，请确填写您的电话和验证码。点击“获取验证码”</td>
                    </tr>
                  </table>
                  <table width="632" height="12" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td height="16" align="left" style="color:#666666;">系统会将验证码通过短信免费发给您，请注意查收。</td>
                      </tr>
                  </table></td>
              </tr>
              <tr>
                <td height="0" align="right"><table width="632" height="52" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="290" height="16" align="left"><table width="100%" height="19" border="0" cellpadding="0" cellspacing="0">
                          <tr>
                            <td width="5%"><input type="radio" name="radio" id="radio2" value="radio" /></td>
                            <td width="95%">开通彩铃</td>
                          </tr>
                        </table>
                          <table width="100%" height="19" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                              <td width="5%"><input type="checkbox" name="checkbox3" id="checkbox3" /></td>
                              <td width="95%" class="nanse_12">我已看过并同意《用户服务协议》</td>
                            </tr>
                        </table></td>
                      <td width="135" align="left"><img src="${pageContext.request.contextPath}/images/dels/btn_3.gif" width="110" height="37" /></td>
                      <td width="200" align="left"><img src="${pageContext.request.contextPath}/images/dels/btn_4.gif" width="100" height="34" /></td>
                    </tr>
                </table></td>
              </tr>
            </table></td>
        </tr>
      </table>
      <table width="771" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:8px;">
        <tr>
          <td width="10"><img src="${pageContext.request.contextPath}/images/tab_foot_1.gif" width="10" height="6" /></td>
          <td width="751" background="${pageContext.request.contextPath}/images/tab_foot_2.gif"></td>
          <td width="10"><img src="${pageContext.request.contextPath}/images/tab_foot_3.gif" width="10" height="6" /></td>
        </tr>
      </table>
      <table width="771" height="26" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="10"><img src="${pageContext.request.contextPath}/images/list/index_2.gif" width="10" height="30" /></td>
          <td width="751" background="${pageContext.request.contextPath}/images/list/index_3.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="91" height="30" align="center" valign="middle" background="${pageContext.request.contextPath}/images/list/index_10.gif" class="baise_14">我要评论</td>
                <td height="30" align="center" valign="bottom"><table width="100%" height="26" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="84" align="center" valign="middle" class="huise_12">查看评论</td>
                      <td width="84" align="center" valign="middle" class="huise_12">&nbsp;</td>
                      <td width="479" align="right" valign="middle" style="color:#666666;">评论（344）&nbsp;好评（223）工评（90）</td>
                      <td width="13" align="right" valign="middle" class="huise_12"><img src="${pageContext.request.contextPath}/images/dels/img_19.gif" width="7" height="11" /></td>
                    </tr>
                </table></td>
              </tr>
          </table></td>
          <td width="10" align="right"><img src="${pageContext.request.contextPath}/images/list/index_4.gif" width="10" height="30" /></td>
        </tr>
      </table>
      <table width="771" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="228" align="center" valign="top" style="border-left:1px solid #c2282a; border-right:1px solid #c2282a;"><table width="709" height="229" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:18px; margin-top:18px;">
            <tr>
              <td height="18" colspan="2" align="left" valign="bottom"><table width="626" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="55%" height="12" align="left" valign="middle">咨询和评论<span class="huise3_12">（字数在2-120之间）</span></td>
                    <td width="46%" align="right" valign="middle" class="nanse2_12">点击 找回之前填写的文字</td>
                  </tr>
              </table></td>
            </tr>
            <tr>
              <td height="133" colspan="2" align="left" valign="top"><textarea name="textfield9" cols="87" rows="10"   id="textfield10"></textarea></td>
            </tr>
            <tr>
              <td width="20" height="35"><input type="checkbox" name="checkbox4" id="checkbox4" /></td>
              <td width="689" align="left" valign="middle" class="huise3_12"> 不得发表与此项业务无关的信息</td>
            </tr>
            <tr>
              <td height="18" colspan="2"><table width="730%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="16%" height="22" align="left" valign="middle">请输入右侧验证码：</td>
                    <td width="10%" align="left" valign="middle"><input type="text" name="textfield8"  height="18" width="65" id="textfield11" /></td>
                    <td width="10%" align="left" valign="middle"><img src="${pageContext.request.contextPath}/images/dels/index_6.gif" width="62" height="19" /></td>
                    <td width="64%" align="left" class="nanse2_12">看不清楚，换一张。</td>
                  </tr>
              </table></td>
            </tr>
            <tr>
              <td height="19" colspan="2" align="left" valign="middle"><table width="200" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="77" align="left" valign="middle"><img src="${pageContext.request.contextPath}/images/dels/btn_5.gif" width="52" height="20" /></td>
                    <td width="123" align="left" valign="middle"><img src="${pageContext.request.contextPath}/images/dels/btn_6.gif" width="52" height="20" /></td>
                  </tr>
              </table></td>
            </tr>
          </table></td>
        </tr>
      </table>
      <table width="771" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:8px;">
        <tr>
          <td width="10"><img src="${pageContext.request.contextPath}/images/tab_foot_1.gif" width="10" height="6" /></td>
          <td width="751" background="${pageContext.request.contextPath}/images/tab_foot_2.gif"></td>
          <td width="10"><img src="${pageContext.request.contextPath}/images/tab_foot_3.gif" width="10" height="6" /></td>
        </tr>
      </table></td>
  </tr>
</table>
<table width="986" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><iframe src="http://127.0.0.1:8080/vasm-web/web/common/footer.html"  width="100%" height="167px" frameborder="0"  marginwidth="0" marginheight="0" scrolling="no"></iframe></td>
  </tr>
</table>
</body>
</html>